<template>
    <div>
        <div class="logo" style="margin-bottom:20px">
            <div>

            </div>
            <span>七尾医疗服务平台</span>
        </div>

        <div class="menu">
      <el-menu
        router
        active-text-color="#ffd04b"
        background-color="rgba(0, 110, 255, 0.898039215686275)"
        text-color="#ffffff"
      >
        <el-menu-item index="/dashoard">
          <el-icon><icon-menu /></el-icon>
          <span>首页</span>
        </el-menu-item>
        <el-sub-menu index="/yygl">
          <template #title>
            <el-icon><setting /></el-icon>
            <span>预约管理</span>
          </template>
          <el-menu-item index="/yygl">预约挂号</el-menu-item>
          <el-menu-item index="/yygl/ytyhsjc">预约核酸检测</el-menu-item>
          <el-menu-item index="/yygl/yytj">预约体检</el-menu-item>
          <el-menu-item index="/yygl/yspd">医生排队</el-menu-item>

        </el-sub-menu>
        <el-sub-menu index="/expenseManagement">
          <template #title>
            <el-icon><location /></el-icon>
            <span>费用管理</span>
          </template>
          <el-menu-item index="/expenseManagement/outpatientRecords/index">门诊消费记录</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="/hospital/doctor">
          <template #title>
            <el-icon><location /></el-icon>
            <span>医院信息</span>
          </template>
          <el-menu-item index="/hospital/doctor">医生管理</el-menu-item>
          <el-menu-item index="/hospital/departments">科室管理</el-menu-item>
          <el-menu-item index="/hospital/tjtc">体检套餐</el-menu-item>
          <el-menu-item index="/hospital/jkbk">健康百科</el-menu-item>
          <el-menu-item index="/hospital/yrdh">医院导航</el-menu-item>
          <el-menu-item index="/hospital/yyjj">医院简介</el-menu-item>
          <el-menu-item index="/hospital/yyxz">预约须知</el-menu-item>
          <el-menu-item index="/hospital/bapsxz">病案配送须知</el-menu-item>
          <el-menu-item index="/hospital/yhfk">用户反馈管理</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="/film">
          <template #title>
            <el-icon><location /></el-icon>
            <span>系统设置</span>
          </template>
          <el-menu-item index="/film/index">电影列表</el-menu-item>
          <el-menu-item index="/film/add">添加电影</el-menu-item>
        </el-sub-menu>
      </el-menu>
    </div>
    </div>
</template>

<script setup lang="ts">
import { Menu as IconMenu, Location, Setting } from '@element-plus/icons-vue'

</script>

<style scoped>
span{
    font-size:17px;
    line-height: 60px;
    text-align: center;
    color:aliceblue
}
.el-menu{
    width:100%
}
</style>